<template>
  <div>
    <TypeNav />
    <ListContainer />
    <Recommend />
    <Rank />
    <Like />
    <Floor v-for="floor in floorList" :key="floor.id" :floor="floor" />
    <Brand />
  </div>
</template>
<
<script>
import ListContainer from './ListContainer'
import Recommend from './Recommend'
import Rank from './Rank'
import Like from './Like'
import Floor from './Floor'
import Brand from './Brand'
import {mapState} from 'vuex'
export default {
  name:'Home',
  components:{ListContainer,Recommend,Rank,Like,Floor,Brand},
  mounted() {
    //派发action
    this.$store.dispatch('getFloorList')
    //获取用户信息
    this.$store.dispatch('getUserInfo')
  },
  computed:{
      ...mapState({
        floorList:state=>state.home.floorList
      })
  }
};
</script>

<style>
</style>